// 单位
export const UNIT_LIST = [
  {
    label: 'px',
    value: 'px',
  },
  {
    label: '%',
    value: '%',
  },
  {
    label: 'rem',
    value: 'rem',
  },
  {
    label: 'vw',
    value: 'vw',
  },
]

// 外距四边
export const MARGIN_QUADRANGLE = [
  {
    label: '上',
    value: 'top',
    icon: 'icon-shangwaibianju',
  },
  {
    label: '右',
    value: 'right',
    icon: 'icon-youwaibianju',
  },
  {
    label: '下',
    value: 'bottom',
    icon: 'icon-xiawaibianju',
  },
  {
    label: '左',
    value: 'left',
    icon: 'icon-zuowaibianju',
  },
]

// 内边距四边
export const PADDING_QUADRANGLE = [
  {
    label: '上',
    value: 'top',
    icon: 'icon-shangneibianju',
  },
  {
    label: '右',
    value: 'right',
    icon: 'icon-youneibianju',
  },
  {
    label: '下',
    value: 'bottom',
    icon: 'icon-xianeibianju',
  },
  {
    label: '左',
    value: 'left',
    icon: 'icon-zuoneibianju',
  },
]

// 圆角四边
export const RADIUS_QUADRANGLE = [
  {
    label: '左上',
    value: 'top-left',
    icon: 'icon-zuoshangyuanjiao',
  },
  {
    label: '右上',
    value: 'top-right',
    icon: 'icon-youshangyuanjiao',
  },
  {
    label: '右下',
    value: 'bottom-right',
    icon: 'icon-youxiayuanjiao',
  },
  {
    label: '左下',
    value: 'bottom-left',
    icon: 'icon-zuoxiayuanjiao',
  },
]

// 边框四边
export const BORDER_QUADRANGLE = [
  {
    label: '上',
    value: 'top',
    icon: 'icon-shangbiankuang',
  },
  {
    label: '右',
    value: 'right',
    icon: 'icon-xiabiankuang-',
  },
  {
    label: '下',
    value: 'bottom',
    icon: 'icon-xiabiankuang',
  },
  {
    label: '左',
    value: 'left',
    icon: 'icon-xiabiankuang-1',
  },
]

export const JUSTIFY_OPTIONS = [
  { label: '左对齐', value: 'flex-start' },
  { label: '右对齐', value: 'flex-end' },
  { label: '居中对齐', value: 'center' },
  { label: '两端对齐', value: 'space-between' },
  { label: '不平均分布', value: 'space-around' },
]

export const ALIGN_OPTIONS = [
  { label: '顶部对齐', value: 'flex-start' },
  { label: '底部对齐', value: 'flex-end' },
  { label: '居中对齐', value: 'center' },
]

export const DIRECTION_OPTIONS = [
  { label: '水平', value: 'row' },
  { label: '水平翻转', value: 'row-reverse' },
  { label: '垂直', value: 'column' },
  { label: '垂直翻转', value: 'column-reverse' },
]
// 边框类型
export const BORDER_OPTIONS = [
  { label: '实线边框', value: 'solid' },
  { label: '虚线边框', value: 'dashed' },
  { label: '点线边框', value: 'dotted' },
  { label: '双线边框', value: 'double' },
]
// 图片模式
export const IMAGE_MODE_OPTIONS = [
  { label: '不保持纵横比缩放图片', value: 'scaleToFill' },
  { label: '使图片的长边能完全显示', value: 'aspectFit' },
  { label: '保证图片的短边能完全显示', value: 'aspectFill' },
  { label: '宽度不变，高度自动变化', value: 'widthFix' },
  { label: '高度不变，宽度自动变化', value: 'heightFix' },
  { label: '显示图片的顶部区域', value: 'top' },
  { label: '显示图片的底部区域', value: 'bottom' },
  { label: '显示图片的中间区域', value: 'center' },
  { label: '显示图片的左边区域', value: 'left' },
  { label: '显示图片的右边区域', value: 'right' },
  { label: '显示图片的左上边区域', value: 'top left' },
  { label: '显示图片的右上边区域', value: 'top right' },
  { label: '显示图片的左下边区域', value: 'bottom left' },
  { label: '显示图片的右下边区域', value: 'bottom right' },
]
// 请求方式
export const REQUEST_METHOD_OPTIONS = [
  {
    label: 'get',
    value: 'get',
  },
  {
    label: 'post',
    value: 'post',
  },
]
// 时间渲染级别
export const DATETIME_RENDER_OPTIONS = [
  {
    label: '天',
    value: 'days',
  },
  {
    label: '时',
    value: 'hours',
  },
  {
    label: '分',
    value: 'minutes',
  },
  {
    label: '秒',
    value: 'seconds',
  },
  {
    label: '毫秒',
    value: 'milliseconds',
  },
]
// 倒计时分隔符
export const TIME_DELIMITER_OPTIONS = [
  {
    label: '冒号',
    value: 'colon',
  },
  {
    label: '天、时、分、秒、毫秒',
    value: 'zh',
  },
  {
    label: '不显示',
    value: 'none',
  },
]

// input框键盘类型
export const INPUT_TYPE_OPTIONS = [
  {
    label: '文本',
    value: 'text',
  },
  {
    label: '数字',
    value: 'number ',
  },
  {
    label: 'digit',
    value: '小数',
  },
  {
    label: 'idcard',
    value: '身份证',
  },
  {
    label: 'password',
    value: '密码',
  },
]

// 按钮类型
export const BUTTON_TYPE_OPTIONS = [
  {
    label: '主题',
    value: 'primary',
  },
  {
    label: '成功',
    value: 'success',
  },
  {
    label: '警告',
    value: 'warning',
  },
  {
    label: '危险',
    value: 'error',
  },
  {
    label: '信息',
    value: 'info',
  },
  {
    label: '文本',
    value: 'text ',
  },
]

// 尺寸
export const SIZE_OPTIONS = [
  {
    label: '大',
    value: 'large',
  },
  {
    label: '中',
    value: 'medium',
  },
  {
    label: '小',
    value: 'small',
  },
]

// 动态的组件属性值
export const DYNAMIC_COMPONENT_KEY = {
  'k-text': 'text',
  'k-image': 'src',
}
